<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
    <xsl:output method="html"/>
        <xsl:template match="//Cars"> <!--[price>20 and @id='001' and contains(booktitle,'F')]-->
        <xsl:for-each select="Car">
                <div id="item" style="width:20%;margin:2%;float:left;border:3px solid;background-color:gray;border-radius:5px;">
                    <img alt="{Model}" src="images/carImg/{Picture}" width="95%" height="100" style="margin:5px;"/>
                    <div class="item_info" style="margin:5px;">
                        <span class="searchText" style="font-size:14px;margin-top:10px;"><xsl:value-of select="Model" /></span><br/>
                         <br/>
                         <xsl:value-of select="Producer" /><br/>
                         <xsl:value-of select="Price" /><br/>
                        <div style="width:100%;">
                            <a class="shoppingText" style="width:50%" href="javascript:void(0);" onclick="AddToCart('addCart?itemID={CarID}&amp;itemModel={Model}&amp;itemDescription={Description}&amp;itemPrice={Price}&amp;itemImage={Picture}&amp;itemQuantity=1');">Add to cart</a>|
                            <a class="shoppingText" style="width:40%;float:right" href="carDetails.jsp?itemID={CarID}">Details</a>

                        </div>
                    </div>
               	</div>
        </xsl:for-each>
        </xsl:template>
</xsl:stylesheet>
